<link href="/static/css/plugins/blueimp/css/blueimp-gallery.min.css" rel="stylesheet">
<div class="wrapper wrapper-content">
    <div class="row">
        <div class="col-lg-12">
            <div class="ibox float-e-margins">

                <div class="ibox-content">
                    <div class="lightBoxGallery">
                        <?php foreach ($gallery as $item): ?>
                            <a href="<?php echo $item['photo_src']; ?>" title="<?php echo date('Y-m-d H:m:s', $item['photo_create_time']); ?>" data-gallery=""><img src="<?php echo $item['thumb_src']; ?>"></a>
                        <?php endforeach; ?>
                        <!-- The Gallery as lightbox dialog, should be a child element of the document body -->
                        <div id="blueimp-gallery" class="blueimp-gallery">
                            <div class="slides"></div>
                            <h3 class="title"></h3>
                            <a class="prev">‹</a>
                            <a class="next">›</a>
                            <a class="close">×</a>
                            <a class="play-pause"></a>
                            <ol class="indicator"></ol>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="footer">
    <div class="pull-right">
        Lei Zhang &copy; 2015-2016 粤ICP备16020962号
    </div>
</div>
</div>
</div>
<style>
    .lightBoxGallery {
        text-align: center;
    }

    .lightBoxGallery img {
        margin: 5px;
    }
</style>
<!-- Mainly scripts -->
<link href="/static/css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
<script src="/static/js/jquery-2.1.1.js"></script>
<script src="/static/js/bootstrap.min.js"></script>
<script src="/static/js/plugins/sweetalert/sweetalert.min.js"></script>
<script src="/static/js/plugins/metisMenu/jquery.metisMenu.js"></script>
<script src="/static/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
<!-- Custom and plugin javascript -->
<script src="/static/js/inspinia.js"></script>
<script src="/static/js/plugins/pace/pace.min.js"></script>
<script src="/static/js/plugins/blueimp/jquery.blueimp-gallery.min.js"></script>

